<template>
	<view class="updataPasswd">
		<!-- 修改密码页 -->
		用户名：
		<input type="text" v-model="username" disabled>
		
		<text>*</text>旧密码：
		<input type="password" v-model="oldPassword">
		
		<text>*</text>新密码：
		<input type="password" v-model="newPassword">
		
		<text>*</text>确认新密码：
		<input type="password" v-model="newPassword2">
		
		<button
		type="primary"
		:disabled="oldPassword!=''&&newPassword!=''&&newPassword2!=''? false:true"
		@click="updataPasswd"
		>确 定</button>
	</view>
</template>

<script>
	import { http } from "../../utils/request.js"
	export default {
		data() {
			return {
				username:"",
				oldPassword:"",
				newPassword:"",
				newPassword2:""
			};
		},
		onLoad() {
			// 从缓存中获取当前要操作的用户名（仅提示作用）
			this.username=uni.getStorageSync("username")
		},
		methods:{
			// 修改密码
			updataPasswd(){
				if(this.newPassword!=this.newPassword2){
					uni.showToast({
						title:"两次密码输入不一致!",
						icon:"none"
					})
					return;
				}
				http({
					url: "/prod-api/api/common/user/resetPwd",
					method:"PUT",
					data:{
						oldPassword:this.oldPassword,
						newPassword:this.newPassword
					}
				}).then(res=>{
					if(res.data.code==200){
						uni.showToast({
							title:"修改成功！"
						})
						this.oldPassword=""
						this.newPassword=""
						this.newPassword2=""
					}else{
						uni.showToast({
							title:res.data.msg,
							icon:"none"
						})
					}
				})
			}
		}
	}
</script>

<style lang="scss">
.updataPasswd{
	padding: 40rpx;
	text{
		color: red;
	}
	input{
		margin: 20rpx 0;
		background-color: #f8f8f8;
		border-radius: 20rpx;
		padding: 10rpx 20rpx;
	}
	button{
		margin-top: 40rpx;
		border-radius: 20rpx;
	}
	button::after{
		border: 0;
	}
}
</style>
